<template>
	<div>
		<!-- 组件引入 -->
		<cart-header></cart-header>
  <div class="grzx">
	<div class="w1200">
		<div class="grzx-gn">
			<div class="left">
				<div class="left-top">
					<h1 style="line-height: 39px;font-size: 15px;">个人中心</h1>
				</div>
				<div class="nav">
					<div class="nav-items">
						<div>
							<span></span>
							<router-link to="/grzx">个人中心</router-link>             
					</div>
					</div>
					<div class="nav-items"><div>
					<span style="	background-position:0 -26px;"></span>
					<router-link to="/wddd">我的订单</router-link>
						</div>
						<ul>
							<li><router-link to="/wddd">我的订单</router-link></li>
							<li><router-link to="/shdz">我的订单</router-link></li>
						</ul>
					</div>
					<div class="nav-items">
						<div>
							<span style="	background-position:0 -50px;"></span>
							<router-link to="/cart1">购物车</router-link>
					</div>
					</div>
					<div class="nav-items">
						<div>
							<span style="	background-position:0 -75px;"></span>
						<a href="#">期刊中心</a></div>
						<ul>
							<li><router-link to="/qksc">期刊收藏</router-link></li>
							<li><router-link to="/qksc">商品收藏</router-link></li>
							<li><a href="">期刊评论</a></li>
							<li><a href="">商品评论</a></li>
						</ul>
					</div>
					<hr style="margin-top: 8px;">
					<div class="nav-items">
						<div>
							<span style="	background-position:0 -156px;"></span>
						<a href="#">客户服务</a>
						</div>
						<ul>
							<li><a href="">期刊咨询</a></li>
							<li><a href="">订阅咨询</a></li>
							<li><a href="">投诉留言</a></li>
						</ul>
					</div>
					<div class="nav-items">
						<div>
							<span style="	background-position:0 -182px;"></span>
						<a href="#">账户设置</a>
						</div>
						<ul>
							<li><router-link to="/jbsz">基本设置</router-link></li>
							<li><a href="">头像设置</a></li>
							<li><router-link to="/ghmm">更换密码</router-link></li>
						</ul>
					</div>
					<div class="nav-items">
						<div>
							<span style="	background-position:0 -204px;"></span>
						<a href="#">退出登录</a>
						</div>
					</div>
				</div>
			</div>
			<!-- **********基本信息*********** -->
			<div class="right">
				<div class="dindan">
					<div class="dindan1">
						<div class="dindan-item"><a href="">全部</a></div>
						<div class="dindan-item"><a href="">待付款</a></div>
						<div class="dindan-item"><a href="">待收货</a></div>
						<div class="dindan-item"><a href="">已完成</a></div>
					</div>
				</div>
				<hr>
				<div class="table1">
					<table>
						<thead>
							<th>订单编号</th>
							<th>下单时间</th>
							<th>收货人</th>
							<th>订单金额</th>
							<th>订单状态</th>
							<th>付款</th>
						</thead>
						<tbody>
							<tr>
								<td>20221203155425660608</td>
								<td>2022-12-03 15:54:25</td>
								<td>	冯义微</td>
								<td>¥ 360.00</td>
								<td>等待付款</td>
								<td><button>付款</button></td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="table2">
					<table>
						<thead>
							<th>商品</th>
							<th>商品名称</th>
							<th>商品价格</th>
							<th>会员备注</th>
						</thead>
						<tbody>
							<tr>
								<td><img src="../../public/img/19c25_18163.jpg" alt=""></td>
								<td>新闻知识</td>sxdd
								<td>¥ 300.00 × 1</td>
								<td>起订时间：2023年01月</td>
							</tr>
							<tr>
								<td></td>
								<td></td>
								<td></td>
							<td>
								<p>商品总价：¥ 300.00</p>
								<p>+运费：¥ 60.00</p>
								<p>订单支付金额：¥ 360.00</p>
							</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="pages">
					<button>首页</button>
					<button>上一页</button>
					<button>下一页</button>
					<button>尾页</button>
				</div>
			</div>
		</div>
	</div>
</div>
<cart-footer></cart-footer>
</div>
</template>

<script>
  export default {
    
  }
</script>

<style lang="scss" scoped>
@import url(../../public/css/cart_03.css);
@import url(../../public/css/grzx.css);
@import url(../../public/css/framework.css);
</style>